import React,{useState} from "react";
import './style.css';

export default function List(props) {

    const [isOver,setIsOver] = useState(false);

    function isDoned() {

        setIsOver(!isOver);

    }

    return (
        <div className={`list ${isOver?'overed':''}`} onClick={isDoned}>
            
                            
            {props.data}  
            

        </div>
        
    )
}